Vue.component("pane", {
    template:
        '\
        <div class="pane" v-show="show">\
            <slot></slot>\
        </div>',
    props: {
        name: {
            type: String,
        },
        label: {
            type: String,
            default: "",
        },
    },
    data: function () {
        return {
            show: true,
        };
    },
    methods: {
        updateNav: function () {
            this.$parent.updateNav();
        },
    },
    watch: {
        label: function () {
            this.updateNav();
        },
    },
    mounted() {
        this.updateNav();
    },
});
